<div id="navbar" class="navbar navbar-default navbar-fixed-top">
<script type="text/javascript">
    try {
        ace.settings.check('navbar', 'fixed')
    } catch (e) {
    }
</script>

<div class="navbar-container" id="navbar-container">
<!-- #section:basics/sidebar.mobile.toggle -->
<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
    <span class="sr-only">Toggle sidebar</span>

    <span class="icon-bar"></span>

    <span class="icon-bar"></span>

    <span class="icon-bar"></span>
</button>

<!-- /section:basics/sidebar.mobile.toggle -->
<div class="navbar-header pull-left">
    <!-- #section:basics/navbar.layout.brand -->
    <a href="#" class="navbar-brand">
        <small>
            <i class="fa fa-comment green"></i>
            兴趣班
        </small>
    </a>

    <!-- /section:basics/navbar.layout.brand -->

    <!-- #section:basics/navbar.toggle -->

    <!-- /section:basics/navbar.toggle -->
</div>
<nav role="navigation" class="navbar-menu pull-left collapse navbar-collapse">
    <ul class="nav navbar-nav">
        <!--<li>-->
            <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                <!--Overview-->
                <!--&nbsp;-->
                <!--<i class="ace-icon fa fa-angle-down bigger-110"></i>-->
            <!--</a>-->

            <!--<ul class="dropdown-menu dropdown-light-blue dropdown-caret">-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<i class="ace-icon fa fa-eye bigger-110 blue"></i>-->
                        <!--Monthly Visitors-->
                    <!--</a>-->
                <!--</li>-->

                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<i class="ace-icon fa fa-user bigger-110 blue"></i>-->
                        <!--Active Users-->
                    <!--</a>-->
                <!--</li>-->

                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<i class="ace-icon fa fa-cog bigger-110 blue"></i>-->
                        <!--Settings-->
                    <!--</a>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</li>-->
        <volist id="nav" name="topMenu">
            <li>
                <a href="{:U($nav['href'])}">
                    <i class="ace-icon fa fa-windows"></i>
                    {$nav['title']}
                </a>
            </li>
        </volist>
       
    </ul>
</nav>

<!-- #section:basics/navbar.dropdown -->
<div class="navbar-buttons navbar-header pull-right popfree-nav" role="navigation">
<ul class="nav ace-nav ">

    <li class="grey">

        <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
            <volist name="langs" id="data">
            <li>
                <a href="{$langUrl}{$key}">
                    {$data}
                </a>
            </li>
            </volist>
            <li>
        </ul>
    </li>
    <li class="purple">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <i class="ace-icon fa fa-bell icon-animated-bell"></i>
            <span class="badge badge-important">8</span>
        </a>
        <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header">
                <i class="ace-icon fa fa-exclamation-triangle"></i>
                8 Notifications
            </li>
            <li>
                <a href="#">
                    <div class="clearfix">
                        <span class="pull-left">
                            <i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
                            New Comments
                        </span>
                        <span class="pull-right badge badge-info">+12</span>
                    </div>
                </a>
            </li>

            <li class="dropdown-footer">
                <a href="#">
                    See all notifications
                    <i class="ace-icon fa fa-arrow-right"></i>
                </a>
            </li>
        </ul>
    </li>
    <!-- <li class="green">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
            <span class="badge badge-success">{$logCount}</span>
        </a>

        <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header">
                <i class="ace-icon fa fa-envelope-o"></i>
                {$logCount}条操作日志
            </li>
            <li class="dropdown-content">
                <ul class="dropdown-menu dropdown-navbar">
                    <volist name="logList" id="data">
                    <li><a href="javascript:;">{$data.mess}</a></li>
                    </volist>
                </ul>
            </li>
            <li class="dropdown-footer">
                <a href="inbox.html">
                    查看所有操作日志
                    <i class="ace-icon fa fa-arrow-right"></i>
                </a>
            </li>
        </ul>
    </li> -->
 
<!-- #section:basics/navbar.user_menu -->
<li class="light-blue">
    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
        <img class="nav-user-photo" src="__COMMON__/images/nopic.jpg" alt="Jason's Photo"/>
        <span class="user-info">
            <small>Welcome,</small>
            {$currentUser['username']}
        </span>
        <i class="ace-icon fa fa-caret-down"></i>
    </a>
    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
        
        <li>
            <a href="#" onclick="openDialog('{:U('index/users')}','个人中心')">
                <i class="ace-icon fa fa-user"></i>
                {:L('个人中心')}
            </a>
        </li>
        <li>
            <a href="#" onclick="openDialog('{:U('index/editPassword')}','修改密码')" >
                <i class="ace-icon fa fa-cog"></i>
                {:L('修改密码')}
            </a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="{:U('Login/logout')}" onclick="if(!confirm('确定退出?')) return false;">
                <i class="ace-icon fa fa-power-off red"></i>
                {:L('退出')}
            </a>
        </li>
    </ul>
</li>

<!-- /section:basics/navbar.user_menu -->
</ul>
</div>

<!-- /section:basics/navbar.dropdown -->
</div>
<!-- /.navbar-container -->
</div>
